<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>股权认购</title>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/semantic.css"/>
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/common.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/main.css">
  <script type="text/javascript" src="__PUBLIC__/Js/jquery-1.6.1.min.js"></script>
  <script> 
  $(function(){ 
  $(".add").click(function(){
  var t=$(this).parent().find('input[class*=text_box]'); 
  t.val(parseInt(t.val())+1) 
  setTotal(); 
  }) 
  $(".min").click(function(){ 
  var t=$(this).parent().find('input[class*=text_box]'); 
  t.val(parseInt(t.val())-1) 
  if(parseInt(t.val())<0){ 
  t.val(0); 
  } 
  setTotal(); 
  }) 
  function setTotal(){ 
  var s=0; 
  $("#tab td").each(function(){ 
  s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); 
  }); 
  $("#total").html(s.toFixed(2)); 
  } 
  setTotal(); 

  }) 
  </script> 
<style type="text/css">
.ui.divider:not(.vertical):not(.horizontal) {
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before {
    border-top-color: rgba(34, 36, 38, 0.15) !important;
    border-left-color: rgba(34, 36, 38, 0.15) !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;
    border-right-color: rgba(255, 255, 255, 0.15) !important;
}
.ui.divider.inverted, .ui.vertical.inverted.divider, .ui.horizontal.inverted.divider {
    color: #FFFFFF;
}
.ui.divider {
    font-size: 1rem;
}
.ui.divider {
    margin: 1rem 0rem;
    line-height: 1;
    height: 0em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(0, 0, 0, 0.85);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.ui.section.divider {
     margin-top: .5rem; 
     margin-bottom: .5rem; 
}
.min, .add {
    width: 35px;
    height: 35px;
}
.goods-info{margin-top: 0;}
.text-r{
  display: inline-block;
  float: right;
}
.text-r span{
  font-weight: bolder;
  padding: 0 5px;
  color: #f00;}
.p-r-10{padding-right: 10px;}
.p-l-10{padding-left: 10px;}
.m-l-10{margin-left: 10px;}
</style>
 </head> 
 <body> 

 
 <form name="form4" method="post" action="__URL__/rengengAC">
   <div class="pusher">

      <div class="banner">
          <div class="de-img">
          <a href="#">
              <img src="__PUBLIC__/Images/guquan.jpg" alt="img" class="half-img">
            </a>
          </div>
        </div>

      <div class="goods-info">
         <div class="or-box">
            <h4>产品名称：购买股权</h4>
          </div>
          <div class="or-box"> 
            预计每股收益：<span>150%</span>
            每天单股收益：<span>80%</span>
            抢购时间：<span>22点~23点</span>
            <eq name="shul" value='1'><div class="text-r">现在是抢购时间，抢购限购<span >500</span>股</div></eq>
            <eq name="shul" value='0'><div class="text-r">现在不是抢购时间，每次限购<span >100</span>股</div></eq>
            
          </div>
          <div class="sbox">  
             <table id="tab" style="width:100%;"> 
                 <tr> 
                     <td style="font-size:12px;"> 
                         <span class="lleft p-l-10">单价：</span><span class="price lleft">{$prs.money}</span><br>
                         <div class="ui inverted section divider"></div>
                         <input class="min m-l-10" name="" type="button" value="-" s/> 
                         <input style="border-radius: 0;padding: 5px;height: 35px; width: 15%;text-align: center;border-left: none;border-right: none;float:left;" class="text_box" name="nums" type="text" value="1" /> 
                         <input class="add" name="" type="button" value="+" /> 
                     </td> 
                 </tr> 
             </table> 
             <div class="ui inverted section divider"></div>
             <p style="color:#f00; margin-top:-5px;padding-left:10px;">总价：<label id="total"></label></p>
         </div>
         <div class="or-box">
              <input name="id" type="hidden" class="ipt"  id="id" value="2"/> 
            <input type="submit" name="submit" id="" class="ui fluid orange button" value="股权认购">
           
         </div>
      </div>

      <div class="goods-info">
          <div class="ui inverted vertical masthead white segment">
            <div class="title">
                <p>产品详情</p>
            </div>
            <div class="banner">

          </div>
      </div>

  </div>
 </div>
 </form>
  <div class="main-bottom">
                  <div class="col-xs-3">
                    <a href="__APP__/Gouwu/Buycp2/" class="active">
                      <i class="home icon"></i>
                      <div>首页</div>
                    </a>
                  </div>
                  <div class="col-xs-3">
                    <a href="__APP__/Gouwu/Buycp/" class="">
                      <i class="star icon"></i>
                      <div>兑换商城</div>
                    </a>
                  </div>
                  <div class="col-xs-3">
                    <a href="__APP__/Index/index/" class="">
                      <i class="user icon"></i>
                      <div>个人中心</div>
                    </a>
                  </div>
                  <div class="col-xs-3">
                    <a href="__APP__/Gouwu/shopCar/" class="">
                      <i class="shop icon"></i>
                      <div>购物车</div>
                    </a>
                  </div>
            </div>
</body>
</html>